import React,{ Component } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { Header, NavBar } from '../../components';

class ResetPwd extends Component {
    render() {
        return (
            <div>
                <div className="firstStep">
                    <label>手机号</label>
                    <input type="text" id="userPhone" placeholder="请输入您的手机号"/>
                    <input type="button" id="getCode" value="获取验证码"/>
                    <label>验证码</label>
                    <input type="text" id="phoneCode" placeholder="请输入您收到的验证码"/>
                    /*当输入了6位数的验证码之后，便可以点击下一步，然后要检测验证码是否正确，不正确则停留当前div并提示错误，只有通过了才可以显示第二个div*/
                    <input type="button" id="getCode" disabled value="下一步"/>
                </div>
                /*第一步需验证成功通过才可以显示第二步*/
                <div className="secondStep" style="display:none;">
                    <label>新密码</label>
                    <input type="text" id="userPhone" placeholder="请输入您的手机号"/>
                    <input type="button" id="getCode" value="登录"/>
                </div>
            </div>
        )
    }
}

export default connect()(ResetPwd);